<!DOCTYPE html>
<html>
	<head>
	    <meta charset="UTF-8">
	    <title>行政强制行为</title>
		<script src="../../js/header.js"></script>
	    <style>
	    	html, body, #jgxxforce {
				padding: 0px;
				margin: 0px;
				height: 100%;
			}
			#jgxxforce{
				border-top: 3px solid #0D9AFF;
				background: #FFFFFF;
				box-shadow: 0px 2px 4px 0 rgba(200,200,200,0.50);
				padding: 25px;
				background: url(../../images/bg.png) no-repeat;
				background-size: 100% 100%;
				/*background-attachment: fixed;*/
				overflow: hidden;
			}
			.tab-title{
				font-size: 16px;
				font-weight: bold;
				border-left: 4px solid #0D9AFF;
				font-family: PingFangSC-Medium;
				padding-left:10px;
				margin-bottom: 20px;
			}
			.el-dialog__footer {
				padding: 10px 20px 20px;
				text-align: center;
				-webkit-box-sizing: border-box;
				box-sizing: border-box;
			}
			.el-dialog__body {
				color: rgb(96, 98, 102);
				font-size: 14px;
				word-break: break-all;
				padding: 0px 20px;
			}
			#excel {
				display: none;
			}
			.el-input__inner {
				-webkit-appearance: none;
				background-color: #FFF;
				background-image: none;
				border-radius: 4px;
				border: 1px solid #DCDFE6;
				-webkit-box-sizing: border-box;
				box-sizing: border-box;
				color: #606266;
				display: inline-block;
				font-size: inherit;
				height: 30px;
				line-height: 30px;
				outline: 0;
				padding: 0 15px;
				-webkit-transition: border-color .2s cubic-bezier(.645,.045,.355,1);
				transition: border-color .2s cubic-bezier(.645,.045,.355,1);
			}
	
			.listed .el-form-item__label{
				letter-spacing: 3px;
			}
			.el-textarea {
				width: 95%;
			}
	
			/* 搜索按钮样式修改 */
			#jgxxforce .el-button.is-circle.search_btn{
				position: absolute;
				right: 0;
				top: 0;
				border: 0;
				background: none;
			}
			#jgxxforce .el-button.is-circle.search_btn i{
				font-size: 17px;
			}
	    </style>
	</head>
	<body>
		<div v-cloak id="jgxxforce">
			<div style="margin-top: 10px;">
				<div style="margin-top: 10px;border-bottom:1px solid rgba(200,200,200,0.43);">
					<el-form :model="selectForm" :rules="rules" ref="selectForm" label-width="150px">
						<el-row>
							<el-col :span="8">
								<el-form-item label="监管事项目录编码:" prop="" label-width="150px">
									<el-input v-model="selectForm.superviseId" placeholder="" ></el-input>
								</el-form-item>
							</el-col>
							<el-col :span="8">
								<el-form-item label="强制行为名称:" prop="" label-width="160px">
									<el-input v-model="selectForm.forceActionName" placeholder="" ></el-input>
								</el-form-item>
							</el-col>
						</el-row>
						<el-row>
							<el-col :span="8">
								<el-form-item label="强制行为编号:" prop="" label-width="150px">
									<el-input v-model="selectForm.forceActionCode" placeholder="" ></el-input>
								</el-form-item>
							</el-col>
							<el-col :span="8">
								<el-form-item label="报送时间:" prop="" label-width="160px">
									<el-date-picker type="date" placeholder="选择日期" v-model="selectForm.submittedDate" value-format="yyyy-MM-dd" style="width:100%;">
									</el-date-picker>
								</el-form-item>
							</el-col>

							<div style="float: right;">
								<el-button type="primary" size="small" style="width: 60px;height: 30px;" @click="apply()">申请</el-button>
								<el-button type="primary" size="small" style="width: 60px;height: 30px;" @click="searchForm()">查询</el-button>
								<el-button type="warning" size="small" style="width: 60px;height: 30px;" @click="resetForm()">重置</el-button>
							</div>
						</el-row>
					</el-form>
				</div>
				<el-table :data="tableData" border style="width: 100%;margin-top: 35px;" :header-cell-style="{background:'#eef1f6',color:'#606266'}">
					<!--<el-table-column type="selection" ></el-table-column>-->
					<el-table-column
						prop="recordUniqueIdentity"
						label="记录唯一标识"
						width="150"
						align="center" >						
					</el-table-column>
					<el-table-column
						prop="superviseId"
						label="监管事项目录编码"
						width="150"
						align="center">
					</el-table-column>
					<el-table-column
						prop="forceActionName"
						label="强制行为名称"
						width="150"
						:show-overflow-tooltip="true"
						align="center">
					</el-table-column>
					<el-table-column
						prop="implementInstitution"
						label="实施机构"
						width="150"
						align="center">
					</el-table-column>
					<el-table-column
						prop="superviseObject"
						label="监管对象"
						width="150"
						align="center">
					</el-table-column>
					<el-table-column
						prop="administrativeCp"
						label="行政相对人（单位/个人）"
						width="150"
						align="center">
					</el-table-column>
					<el-table-column
						prop="mandatoryDecisionPatify"
						label="强制结果"
						width="150"
						align="center">
					</el-table-column>
					<el-table-column
						prop="submittedDate"
						label="报送时间"
						width="150"
						align="center">
					</el-table-column>
					<el-table-column
						label="操作"
						width="300"
						align="center">
						<template slot-scope="scope">
							<el-button size="mini" @click="view(scope.$index,scope.row)">查看</el-button>
							<el-button type="primary" size="mini" @click="edit(scope.$index,scope.row)">修改</el-button>
							<el-button type="danger" size="mini" @click="del(scope.$index,scope.row)">删除</el-button>
						</template>
					</el-table-column>
				</el-table>
				
				<div style="overflow: hidden;">
					<div class="pagination">
						<el-pagination
								@size-change="handleSizeChange"
								@current-change="handleCurrentChange"
								:current-page="currentPage"
								:page-sizes="[10, 20, 30, 40]"
								:page-size="pagesize"
								background
								layout="total, sizes,prev, pager, next"
								:total="tableTotal"
								prev-text="上一页"
								next-text="下一页">
						</el-pagination>
					</div>
				</div>
				
				<el-dialog title="" :visible.sync="dialogForm" center fullscreen>
					<div style="margin-top: 10px;">
						<el-form :model="force" :prop="force" :rules="rules" ref="force" label-width="150px">
							<!--监管信息表（行政强制行为）信息表-->
							<el-row>
								<el-col :span="10" class="tab-title">
									行政强制行为信息表
								</el-col>
							</el-row>
							<el-row>
								<el-col :span="10">
									<el-form-item label="记录唯一标识:" prop="recordUniqueIdentity">
										<el-tooltip class="item" effect="dark" content="取值应符合GB/T 17969.8-2010的要求" placement="top-start">
											<el-input v-model="force.recordUniqueIdentity" placeholder="" :disabled="formDisabled"></el-input>
										</el-tooltip>
									</el-form-item>
								</el-col>
								<el-col :span="10">
									<el-form-item label="监管事项目录编码:" prop="superviseId">
										<el-tooltip class="item" effect="dark" content="可填多项，准确关联监管事项编码" placement="top-start">
											<el-input v-model="force.superviseId" placeholder="" :disabled="formDisabled"></el-input>
										</el-tooltip>
									</el-form-item>
								</el-col>
							</el-row>
							<el-row>
								<el-col :span="10">
									<el-form-item label="强制行为名称:" prop="forceActionName">
										<el-input v-model="force.forceActionName" placeholder="" :disabled="formDisabled"></el-input>
									</el-form-item>
								</el-col>
								<el-col :span="10">
									<el-form-item label="强制行为编号:" prop="forceActionCode">
										<el-tooltip class="item" effect="dark" content="行为编号须是唯一编号，可在已有办件编号前加18位实施机构的统一社会信用代码" placement="top-start">
											<el-input v-model="force.forceActionCode" placeholder="" :disabled="formDisabled"></el-input>
										</el-tooltip>
									</el-form-item>
								</el-col>
							</el-row>
							<el-row>
								<el-col :span="10">
									<el-form-item label="实施机构:" prop="implementInstitution">
										<el-input v-model="force.implementInstitution" placeholder="" :disabled="formDisabled"></el-input>
									</el-form-item>
								</el-col>
								<el-col :span="10">
									<el-form-item label="实施机构编码:" prop="implementInstitutionCode">
										<el-tooltip class="item" effect="dark" content="统一社会信用代码" placement="top-start">
											<el-input v-model="force.implementInstitutionCode" placeholder="" :disabled="formDisabled"></el-input>
										</el-tooltip>
									</el-form-item>
								</el-col>
							</el-row>
							<el-row>
								<el-col :span="10">
									<el-form-item label="监管对象:" prop="superviseObject">
										<el-tooltip class="item" effect="dark" content="1、企业、个体户、农专社，填写为企业统一社会信用代码；
																								2、自然人时，填写身份证号；
																								3、特种设备时，填写生产企业统一社会信用代码#产品品牌#出厂日期
																								4、为特定产品（食品）时，填写生产企业统一社会信用代码#生产批号
																								5、为特定产品（三种特殊食品）时，填写生产企业统一社会信用代码#生产批号
																								6、特定产品为药品时，填写生产企业统一社会信用代码#生产许可证编号#生产批号
																								7、特定产品为化妆品时，填写生产企业统一社会信用代码#生产许可证编号#生产批号
																								8、特定产品为医疗器械时，填写生产企业统一社会信用代码#注册证编号#生产批号
																								9、为场地场所时，填写场地场所名称#所在地区" placement="top-start">
										<el-input v-model="force.superviseObject" placeholder="" :disabled="formDisabled"></el-input>
										</el-tooltip>
									</el-form-item>
								</el-col>
								<el-col :span="10">
									<el-form-item label="检查行为编号:" prop="checkActionCode">
										<el-input v-model="force.checkActionCode" placeholder="" :disabled="formDisabled"></el-input>
									</el-form-item>
								</el-col>
							</el-row>
							<el-row>
								<el-col :span="10">
									<el-form-item label="行政相对人（单位/个人）:" prop="administrativeCp">
										<el-tooltip class="item" effect="dark" content="与行政主体对应的另一方当事人，监管责任最终的承担者" placement="top-start">
											<el-input v-model="force.administrativeCp" placeholder="" :disabled="formDisabled"></el-input>
										</el-tooltip>
									</el-form-item>
								</el-col>
								<el-col :span="10">
									<el-form-item label="行政相对人性质:" prop="administrativeCpNa">
										<el-input v-model="force.administrativeCpNa" placeholder="" :disabled="formDisabled"></el-input>
									</el-form-item>
								</el-col>
							</el-row>
							<el-row>
								<el-col :span="10">
									<el-form-item label="行政相对人证件类型:" prop="administrativeCpCeType">
										<el-input v-model="force.administrativeCpCeType" placeholder="" :disabled="formDisabled"></el-input>
									</el-form-item>
								</el-col>
								<el-col :span="10">
									<el-form-item label="行政相对人(单位/个人)编码:" prop="administrativeCpUiCode">
										<el-tooltip class="item" effect="dark" content="如是单位则填写该单位统一社会信用代码，如是个人则填写相应的证件号码等" placement="top-start">
											<el-input v-model="force.administrativeCpUiCode" placeholder="" :disabled="formDisabled"></el-input>
										</el-tooltip>
									</el-form-item>
								</el-col>
							</el-row>
							<el-row>
								<el-col :span="10">
									<el-form-item label="注册地址:" prop="addressRegistered">
										<el-input v-model="force.addressRegistered" placeholder="" :disabled="formDisabled"></el-input>
									</el-form-item>
								</el-col>
								<el-col :span="10">
									<el-form-item label="经营地址:" prop="addressOperating">
										<el-input v-model="force.addressOperating" placeholder="" :disabled="formDisabled"></el-input>
									</el-form-item>
								</el-col>
							</el-row>
							<el-row>
								<el-col :span="10">
									<el-form-item label="行政区划代码:" prop="areaNumber">
										<el-input v-model="force.areaNumber" placeholder="" :disabled="formDisabled"></el-input>
									</el-form-item>
								</el-col>
								<el-col :span="10">
									<el-form-item label="违法事实:" prop="illEgalFact">
										<el-input v-model="force.illEgalFact" placeholder="" :disabled="formDisabled"></el-input>
									</el-form-item>
								</el-col>
							</el-row>
							<el-row>
								<el-col :span="10">
									<el-form-item label="强制依据:" prop="forceAccord">
										<el-tooltip class="item" effect="dark" content="实施本次强制时对应的法律法规" placement="top-start">
											<el-input v-model="force.forceAccord" placeholder="" :disabled="formDisabled"></el-input>
										</el-tooltip>
									</el-form-item>
								</el-col>
								<el-col :span="10">
									<el-form-item label="强制决定书号:" prop="mandatoryDecisionNumber">
		                                <el-input v-model="force.mandatoryDecisionNumber" placeholder="" :disabled="formDisabled"></el-input>
									</el-form-item>
								</el-col>
							</el-row>
							<el-row>
								<el-col :span="10">
									<el-form-item label="行政强制种类:" prop="forceType">
		                               <el-input v-model="force.forceType" placeholder="" :disabled="formDisabled"></el-input>
									</el-form-item>
								</el-col>
								<el-col :span="10">
									<el-form-item label="强制措施类型:" prop="coerciveMeasureType">
										 <el-input v-model="force.coerciveMeasureType" placeholder="" :disabled="formDisabled"></el-input>
									</el-form-item>
								</el-col>
							</el-row>
							<el-row>
								<el-col :span="10">
									<el-form-item label="强制执行类型:" prop="forceExecutionType">
		                                 <el-input v-model="force.forceExecutionType" placeholder="" :disabled="formDisabled"></el-input>
									</el-form-item>
								</el-col>
								<el-col :span="10">
									<el-form-item label="强制结果:" prop="mandatoryDecisionPatify">
										<el-tooltip class="item" effect="dark" content="如1、发现问题采取限制公民人身自由，查封场所、设施或者财物，扣押财物，冻结存款、汇款，其他行政强制措施等强制措施；2、在发现的问题得到及时整改后，依法做出解除相应强制措施的监管结果。" placement="top-start">
											<el-input v-model="force.mandatoryDecisionPatify" placeholder="" :disabled="formDisabled"></el-input>
										</el-tooltip>
									</el-form-item>
								</el-col>
							</el-row>
							<el-row>
								<el-col :span="10">
									<el-form-item label="实施强制措施的起始时间:" prop="mandatoryDecisionSevDate">
										<el-date-picker type="date" placeholder="选择日期" v-model="force.mandatoryDecisionSevDate" value-format="yyyy-MM-dd" :disabled="formDisabled" style="width: 100%;">
										</el-date-picker>
									</el-form-item>
								</el-col>
								<el-col :span="10">
									<el-form-item label="实施强制措施的结束时间:" prop="endDate">
										<el-date-picker type="date" placeholder="选择日期" v-model="force.endDate" value-format="yyyy-MM-dd" :disabled="formDisabled" style="width: 100%;">
										</el-date-picker>
									</el-form-item>
								</el-col>
							</el-row>
							<el-row>
								<el-col :span="10">
									<el-form-item label="强制措施延长期限:" prop="forceExtendDate">
										<el-input v-model="force.forceExtendDate" placeholder="" :disabled="formDisabled"></el-input>
									</el-form-item>
								</el-col>
								<el-col :span="10">
									<el-form-item label="数据来源:" prop="dataForm">
										<el-tooltip class="item" effect="dark" content="数据来源由三位数字组成。第1位写0或者1，0代表应急管理部部本级，1代表地方。
																								第1位填写0时，第2、3位填写“部本级业务系统”代码集中对应的代码；
																								第1位填写1时，第2、3位填写“行政区划代码”代码集中对应的代码" placement="top-start">
											<el-input v-model="force.dataForm" placeholder="" :disabled="formDisabled"></el-input>
										</el-tooltip>
									</el-form-item>
								</el-col>
							</el-row>
							<el-row>
								<el-col :span="10">
									<el-form-item label="报送时间:" prop="submittedDate">
										<el-date-picker type="date" placeholder="选择日期" v-model="force.submittedDate" value-format="yyyy-MM-dd" :disabled="formDisabled" style="width: 100%;">
										</el-date-picker>
									</el-form-item>
								</el-col>
								<el-col :span="10">
									<el-form-item label="报送人员:" prop="submittedPersonnel">
										<el-input v-model="force.submittedPersonnel" placeholder="" :disabled="formDisabled"></el-input>
									</el-form-item>
								</el-col>
							</el-row>
							<el-row>
								<el-col :span="10">
									<el-form-item label="插入时间:" prop="insertDate">
										<el-date-picker type="date" placeholder="选择日期" v-model="force.insertDate" value-format="yyyy-MM-dd" :disabled="formDisabled" style="width: 100%;">
										</el-date-picker>
									</el-form-item>
								</el-col>
								<el-col :span="10">
									<el-form-item label="来源:" prop="inFrom">
										<el-tooltip class="item" effect="dark" content="来源（省份区划代码|部门编码）" placement="top-start">
											<el-input v-model="force.inFrom" placeholder="" :disabled="formDisabled"></el-input>
										</el-tooltip>
									</el-form-item>
								</el-col>
							</el-row>
							<el-row>
								<el-col :span="10">
									<el-form-item label="批次号:" prop="batchNumber">
										<el-input v-model="force.batchNumber" placeholder="" :disabled="formDisabled"></el-input>
									</el-form-item>
								</el-col>
								<el-col :span="10">
									<el-form-item label="同步类型:" prop="type">
                                        <el-select v-model="force.type" placeholder="请选择同步类型" :disabled="formDisabled"  style="width: 100%;">
                                            <el-option label="I-插入" value="1"></el-option>
                                            <el-option label="U-更新" value="2"></el-option>
                                            <el-option label="D-删除" value="3"></el-option>
                                        </el-select>
									</el-form-item>
								</el-col>
							</el-row>
							<el-row>
								<el-col :span="22">
									<div style="float:right">
										<el-button v-show="showOnSubmit" type="primary" size="small" style="width: 60px;height: 30px;" @click="onSubmit()">提交</el-button>
										<el-button v-show="showOnReplace" type="primary" size="small" style="width: 60px;height: 30px;" @click="onReplace()">修改</el-button>
										<el-button type="info" size="small" style="width: 60px;height: 30px;" @click="dialogForm = false;clearForm()">取消</el-button>
									</div>
								</el-col>
							</el-row>
						</el-form>
					</div>
				</el-dialog>
				
			</div>
		</div>
	</body>
	<script>
		var vm = new Vue({
			el: '#jgxxforce',
			data(){
				return{
					/*cpCeTypeData: [],//行政相对人证件类型
					checkResultData: [],//检查结果*/
                    currentPage: 1, //默认显示页面为1
                    pagesize: 5, // 每页的数据条数
                    tableTotal:'',
                    tableData: [],
					force: {
					    forceId: '',
					    recordUniqueIdentity: '',
					    superviseId: '',
					    forceActionName: '',
					    forceActionCode: '',
					    implementInstitution: '',
					    implementInstitutionCode: '',
					    superviseObject: '',
					    checkActionCode: '',
					    administrativeCp: '',
					    administrativeCpNa: '',
					    administrativeCpCeType: '',
					    administrativeCpUiCode: '',
					    addressRegistered: '',
					    addressOperating: '',
					    areaNumber: '',
					    illEgalFact: '',
					    forceAccord: '',
					    mandatoryDecisionNumber: '',
					    forceType: '',
					    coerciveMeasureType: '',
					    forceExecutionType: '',
					    mandatoryDecisionPatify: '',
					    mandatoryDecisionSevDate: '',
					    forceExtendDate: '',
					    endDate: '',
					    submittedDate: '',
					    submittedPersonnel: '',
					    insertDate: '',
					    inFrom: '',
					    batchNumber: '',
					    type: '',
					    dataForm: ''
					},
					selectForm: {
	                    superviseId: '',
	                    forceActionName: '',
	                    forceActionCode: '',
	                    submittedDate: '',
                	},
					rules:{
						recordUniqueIdentity: [{
	                        required: true,
	                        message: '请输入记录唯一标识',
	                        trigger: 'blur'
	                    },{
                            max:50,
                            message: '长度最大为50字符',
                            trigger: 'blur'
						}],
	                    superviseId: [{
	                        required: true,
	                        message: '请输入监管事项目录编码',
	                        trigger: 'blur'
	                    },{
                            max:50,
                            message: '长度最大为50字符',
                            trigger: 'blur'
                        }],
	                    forceActionName: [{
	                        required: true,
	                        message: '请输入强制行为名称',
	                        trigger: 'blur'
	                    },{
                            max:50,
                            message: '长度最大为50字符',
                            trigger: 'blur'
                        }],
	                    forceActionCode: [{
	                        required: true,
	                        message: '请输入强制行为编号',
	                        trigger: 'blur'
	                    },{
                            max:50,
                            message: '长度最大为50字符',
                            trigger: 'blur'
                        }],
	                    superviseObject: [{
	                        required: true,
	                        message: '请输入监管对象',
	                        trigger: 'blur'
	                    },{
                            max:50,
                            message: '长度最大为50字符',
                            trigger: 'blur'
                        }],
	                    implementInstitution: [{
	                        required: true,
	                        message: '请输入实施机构',
	                        trigger: 'blur'
	                    },{
                            max:50,
                            message: '长度最大为50字符',
                            trigger: 'blur'
                        }],
                        implementInstitutionCode: [{
                            required: false,
                            message: '请输入实施机构编码',
                            trigger: 'blur'
                        },{
                            max:50,
                            message: '长度最大为50字符',
                            trigger: 'blur'
                        }],
	                    checkActionCode: [{
	                        required: true,
	                        message: '请输入检查行为编号',
	                        trigger: 'blur'
	                    },{
                            max:50,
                            message: '长度最大为50字符',
                            trigger: 'blur'
                        }],
	                    administrativeCp: [{
	                        required: true,
	                        message: '请输入行政相对人（单位/个人）',
	                        trigger: 'blur'
	                    },{
                            max:50,
                            message: '长度最大为50字符',
                            trigger: 'blur'
                        }],
	                    administrativeCpNa: [{
	                        required: true,
	                        message: '请输入行政相对人性质',
	                        trigger: 'blur'
	                    },{
                            max:50,
                            message: '长度最大为50字符',
                            trigger: 'blur'
                        }],
	                    administrativeCpCeType: [{
	                        required: true,
	                        message: '请输入行政相对人证件类型',
	                        trigger: 'blur'
	                    },{
                            max:50,
                            message: '长度最大为50字符',
                            trigger: 'blur'
                        }],
	                    administrativeCpUiCode: [{
	                        required: true,
	                        message: '请输入行政相对人(单位/个人)编码',
	                        trigger: 'blur'
	                    },{
                            max:50,
                            message: '长度最大为50字符',
                            trigger: 'blur'
                        }],
                        addressRegistered: [{
                            required: false,
                            message: '请输入注册地址',
                            trigger: 'blur'
                        },{
                            max:50,
                            message: '长度最大为50字符',
                            trigger: 'blur'
                        }],
                        addressOperating: [{
                            required: false,
                            message: '请输入经营地址',
                            trigger: 'blur'
                        },{
                            max:50,
                            message: '长度最大为50字符',
                            trigger: 'blur'
                        }],
	                    areaNumber: [{
	                        required: true,
	                        message: '请输入行政区划代码',
	                        trigger: 'blur'
	                    },{
                            max:50,
                            message: '长度最大为50字符',
                            trigger: 'blur'
                        }],
	                    illEgalFact: [{
	                        required: true,
	                        message: '请输入违法事实',
	                        trigger: 'blur'
	                    },{
                            max:50,
                            message: '长度最大为50字符',
                            trigger: 'blur'
                        }],
	                    forceAccord: [{
	                        required: true,
	                        message: '请输入强制依据',
	                        trigger: 'blur'
	                    },{
                            max:50,
                            message: '长度最大为50字符',
                            trigger: 'blur'
                        }],
	                    mandatoryDecisionNumber: [{
	                        required: true,
	                        message: '请输入强制决定书号',
	                        trigger: 'blur'
	                    },{
                            max:50,
                            message: '长度最大为50字符',
                            trigger: 'blur'
                        }],
	                    forceType: [{
	                        required: true,
	                        message: '请输入行政强制种类',
	                        trigger: 'blur'
	                    },{
                            max:50,
                            message: '长度最大为50字符',
                            trigger: 'blur'
                        }],
                        coerciveMeasureType: [{
                            required: false,
                            message: '请输入强制措施种类',
                            trigger: 'blur'
                        },{
                            max:50,
                            message: '长度最大为50字符',
                            trigger: 'blur'
                        }],
                        forceExecutionType: [{
                            required: false,
                            message: '请输入强制执行种类',
                            trigger: 'blur'
                        },{
                            max:50,
                            message: '长度最大为50字符',
                            trigger: 'blur'
                        }],
                        mandatoryDecisionPatify: [{
                            required: false,
                            message: '请输入强制结果',
                            trigger: 'blur'
                        },{
                            max:50,
                            message: '长度最大为50字符',
                            trigger: 'blur'
                        }],
                        mandatoryDecisionSevDate: [{
                            required: false,
                            message: '请输入实施强制措施的起始时间',
                            trigger: 'blur'
                        }],
                        endDate: [{
                            required: false,
                            message: '请输入实施强制措施的结束时间',
                            trigger: 'blur'
                        }],
                        forceExtendDate: [{
                            required: false,
                            message: '请输入强制措施延长期限',
                            trigger: 'blur'
                        },{
                            max:50,
                            message: '长度最大为50字符',
                            trigger: 'blur'
                        }],
	                    insertDate: [{
	                        required: true,
	                        message: '请选择插入时间',
	                        trigger: 'blur'
	                    }],
	                    inFrom: [{
	                        required: true,
	                        message: '请输入来源',
	                        trigger: 'blur'
	                    },{
                            max:50,
                            message: '长度最大为50字符',
                            trigger: 'blur'
                        }],
	                    submittedDate: [{
                            required: true,
                            message: '请选择报送时间',
                            trigger: 'blur'
                        }],
	                    submittedPersonnel: [{
	                        required: true,
	                        message: '请输入报送人员',
	                        trigger: 'blur'
	                    },{
                            max:50,
                            message: '长度最大为50字符',
                            trigger: 'blur'
                        }],
	                    batchNumber: [{
	                        required: true,
	                        message: '请输入批次号',
	                        trigger: 'blur'
	                    },{
                            max:50,
                            message: '长度最大为50字符',
                            trigger: 'blur'
                        }],
	                    type: [{
	                        required: true,
	                        message: '请输入同步类型',
	                        trigger: 'blur'
	                    },{
                            max:50,
                            message: '长度最大为50字符',
                            trigger: 'blur'
                        }],
	                    dataForm: [{
	                        required: true,
	                        message: '请输入数据来源',
	                        trigger: 'blur'
	                    },{
                            max:50,
                            message: '长度最大为50字符',
                            trigger: 'blur'
                        }],
					},
					formDisabled: false,
					dialogForm: false,
                    showOnSubmit: true,
                    showOnReplace: false
				}
			},
			created(){
				/* 行政相对人证件类型 */
	            /*axios.post('/dzjap/dict/getdict/d_administrativeCpCeType').then(res => {
	                this.cpCeTypeData = res.data.data.result;
				}).catch(e => {
					this.$message.error("网络连接超时");
				})
				*/
				/* 检查结果 */
	            /*axios.post('/dzjap/dict/getdict/d_checkResult').then(res => {
	                this.checkResultData = res.data.data.result;
				}).catch(e => {
					this.$message.error("网络连接超时");
				})*/
			},
			mounted(){
				this.getData();
			},
			methods: {
				getData(){
					var pagesize = this.pagesize;
	                var pageno = this.currentPage;
	
	                axios({
	                    method: 'get',
	                    url: '/dzjap/force/getAllForce',
	                    params: {
	                        pageSize: pagesize,
	                        pageNo: pageno
	                    }
	                })
					.then(response => {
						let data = response.data;
						if (data.code == 200) {
							let dataInformation = data.data.results;
							this.tableTotal = data.data.total;// 数据长度
	
							this.tableData = dataInformation;
						} else {
							this.$message.error(data.msg);
						}
					})
					.catch(function (error) {
						console.log(error);
					});
				},
				clearForm(){
				    this.$refs.force.clearValidate();
				    this.force.recordUniqueIdentity= '',
				    this.force.superviseId= '',
				    this.force.forceActionName= '',
				    this.force.forceActionCode= '',
				    this.force.implementInstitution= '',
				    this.force.implementInstitutionCode= '',
				    this.force.superviseObject= '',
				    this.force.checkActionCode= '',
				    this.force.administrativeCp='',
				    this.force.administrativeCpNa= '',
				    this.force.administrativeCpCeType= '',
				    this.force.administrativeCpUiCode= '',
				    this.force.addressRegistered= '',
				    this.force.addressOperating= '',
				    this.force.areaNumber= '',
				    this.force.illEgalFact= '',
				    this.force.forceAccord= '',
				    this.force.mandatoryDecisionNumber= '',
				    this.force.forceType= '',
				    this.force.coerciveMeasureType= '',
				    this.force.forceExecutionType= '',
				    this.force.mandatoryDecisionPatify= '',
				    this.force.mandatoryDecisionSevDate= '',
				    this.force.forceExtendDate= '',
				    this.force.endDate= '',
				    this.force.submittedDate= '',
				    this.force.submittedPersonnel= '',
				    this.force.insertDate= '',
				    this.force.inFrom= '',
				    this.force.batchNumber= '',
				    this.force.type= '',
				    this.force.dataForm= ''
				},
				apply(){
	                this.dialogForm = true;
	                this.showOnSubmit = true;
	                this.showOnReplace = false;
	
	                this.clearForm();
	
	                this.formDisabled = false;
	            },
                /* 列表页搜索 */
                searchForm() {
                    var pagesize = this.pagesize;
                    var pageno = this.currentPage;
                    axios({
                        method: 'get',
                        url: '/dzjap/force/getAllContation',
                        params: {
                            pageSize: pagesize,
                            pageNo: pageno,
                            superviseId: this.selectForm.superviseId,
                            forceActionName: this.selectForm.forceActionName,
                            forceActionCode: this.selectForm.forceActionCode,
                            submittedDate: this.selectForm.submittedDate
                        }
                    })
                        .then(response => {
                            let data = response.data;
                            if (data.code == 200) {
                                let dataInformation = data.data.results;
                                this.tableTotal = data.data.total;// 数据长度

                                this.tableData = dataInformation;
                            } else {
                                this.$message.error(data.msg);
                            }
                        })
                        .catch(function (error) {
                            console.log(error);
                        });
                },
                /* 列表页重置 */
                resetForm() {
                    this.selectForm.superviseId = '';
                    this.selectForm.forceActionName = '';
                    this.selectForm.forceActionCode = '',
					this.selectForm.submittedDate = '',
					this.getData();
                },
                // 表单提交
                onSubmit() {
                    this.$refs.force.validate(valid => {
                        if (valid) {
                            axios({
                                method: 'post',
                                url: '/dzjap/force/addForce',
                                data: this.force
                            })
                                .then((response) => {
                                    let data = response.data;
                                    if (data.code == 200) {
                                        this.dialogForm = false;
                                        this.$message({
                                            type: 'success',
                                            message: '添加成功!'
                                        });
                                        this.getData();
                                    } else {
                                        this.$message.error(data.msg);
                                    }
                                });
                        }else{
                            console.log("必填项不能为空！");
                            return false;
                        }
                    })
                },
                // 表单修改
                onReplace(){
                    axios({
                        method: 'post',
                        url: '/dzjap/force/upForce',
                        data: this.force
                    })
                        .then((response) => {
                            let data = response.data;
                            if (data.code == 200) {
                                this.dialogForm = false;
                                this.$message({
                                    type: 'success',
                                    message: '修改成功!'
                                });
                                this.getData();
                            } else {
                                this.$message.error(data.msg);
                            }
                        });
                },
                // 查看
                view(index,row){
                    this.dialogForm = true;
                    this.showOnReplace = false;
                    this.showOnSubmit = false;

                    this.showInformation(index,row);
                    this.checkDisabled(true);
                },
                // 修改
                edit(index,row){
                    this.dialogForm = true;
                    this.showOnReplace = true;
                    this.showOnSubmit = false;

                    this.showInformation(index,row);
                    this.checkDisabled(false);
                },
                // 删除
                del(index,row){
                    this.$confirm('确定要删除吗?', '提示', {
                        cancelButtonText: '取消',
                        confirmButtonText: '确定',
                        type: 'warning'
                    }).then(() => {
                        axios({
                            method: 'post',
                            url: '/dzjap/force/delForce/',
                            params: {
                                forceId:row.forceId
                            }
                        })
                            .then(response => {
                                let data = response.data;

                                if (data.code == 200) {
                                    // 确认删除
                                    this.$message({
                                        type: 'success',
                                        message: '删除成功!'
                                    });
                                    this.getData();
                                } else {
                                    this.$message.error(data.msg);
                                }
                            })
                            .catch(function (error) {
                                console.log(error);
                            });
                    }).catch(() => {
                        this.$message({
                            type: 'info',
                            message: '取消删除'
                        });
                    });
                },
                // 公共方法--查看
                showInformation(index,row){
                    axios({
                        method: 'get',
                        url: '/dzjap/force/getForce',
                        params: {
                            forceId: row.forceId
                        }
                    })
                        .then(response => {
                            let data = response.data;
                            if (data.code == 200) {
                                let rowdata = response.data.data;
                                this.clearForm(); // 重置

                                this.force = rowdata;
                            } else {
                                this.$message.error(data.msg);
                            }
                        })
                        .catch(function (error) {
                            console.log(error);
                        });
                },
                //每页下拉显示数据
                handleSizeChange(size) {
                    this.pagesize = size;
                    this.getData();
                },
                //点击第几页
                handleCurrentChange(currentPage) {
                    this.currentPage = currentPage;
                    this.getData();
                },
                // 设置允许填写和不允许填写
                checkDisabled(n){
                    if(n){
                        this.formDisabled = true;
                    }else{
                        this.formDisabled = false;
                    }
                },
            }
        })
		
	</script>
</html>
